.Jy_bargain_page {
	background-color: $tx-nav-color-orange;
	height: 100vh;
	overflow-y: scroll;
	
	.Jy_bargain_container {
		.bargain_top_image_box {
			width: 100vw;
			display: flex;
			image {
				width: 100%;
			}
		}
		
		.bargain_shop_group {
			margin: 20rpx;
			padding: 20rpx;
			background-color: #fff;
			border-radius: 10rpx;
			.bargain_shop_container {
				display: flex;
				align-items: center;
				.shop-image_box {
					width: 220rpx;
					height: 220rpx;
					display: flex;
					overflow: hidden;
					border-radius: 10rpx;
					margin-right: 20rpx;
					image {
						width: 100%;
						height: 100%;
					}
				}
				
				.bargain_info_group {
					flex: 1;
					.name_box {
						
					}
					
					.di_price_box, .yu_number_box{
						font-size: 24rpx;
						color: #646464;
					}
					
					.current_price_box {
						display: flex;
						align-items: center;
						color: $tx-nav-color-orange;
						.text_box {
							font-size: 26rpx;
							margin-right: 10rpx;
						}
						
						.c_price_box {
							font-weight: bold;
							font-size: 34rpx;
							.symbal {
								font-size: 26rpx;
							}
						}
					}
					
					.down_time_group {
						display: flex;
						.down_tiem {
							
						}
						
						.down_time_text_box {
							
						}
					}
				}
				
				.arrow_right_box {
					margin-left: 10rpx;
				}
			}
			
			.bargaining_progress_bar_group {
				.bargaining_progress_bar_text_box {
					display: flex;
					justify-content: space-between;
					margin: 60rpx 40rpx 20rpx;
					.left_box, .right_box {
						display: flex;
						align-items: center;
						.yk_class {
							font-size: 26rpx;
						}
						
						.symbal, .size {
							font-weight: bold;
							color: $tx-nav-color-orange;
						}
						
						.size {
							font-size: 32rpx;
						}
					}
				}
				
				.progress_liner_box {
					margin: 0 40rpx;
				}
				
				.bargain_yao_number_box {
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 22rpx;
					margin: 10rpx;
					color: #7a7a7a;
					.number_box {
						margin: 0 20rpx;
					}
				}
				
				.bargain_yao_button_group {
					margin-top: 60rpx;
					margin-bottom: 30rpx;
					.bargain_yao_button_box {
						height: 86rpx;
						color: #fff;
						border-radius: 50rpx;
						display: flex;
						justify-content: center;
						align-items: center;
						font-size: 28rpx;
						font-weight: bold;
						background: linear-gradient(to right, $tx-main-color, $tx-nav-color-orange);
					}
				}
			}
		}
		
		
		// 砍价记录
		.bargain_history_group {
			margin: 20rpx;
			padding: 20rpx;
			background-color: #fff;
			border-radius: 10rpx;
			.bargain_history_title_box {
				height: 80rpx;
				font-size: 32rpx;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			
			.bargain_history_user_group {
				.bargain_history_user_list {
					margin: 20rpx 0;
					display: flex;
					align-items: center;
					.header_image_box {
						width: 76rpx;
						height: 76rpx;
						border-radius: 40rpx;
						overflow: hidden;
						background-color: #ccc;
						display: flex; 
						image {
							width: 100%;
							height: 100%;
						}
					}
					
					.user_basic_info_group {
						margin: 0 20rpx;
						flex: 1;
						.user_basic_name_box {
							font-size: 28rpx;
						}
						
						.timer_box {
							color: #565656;
							font-size: 24rpx;
						}
					}
					
					.k_price_box {
						display: flex;
						align-items: center;
						.small_font {
							font-size: 22rpx;
						}
						
						.re_color {
							color: $tx-nav-color-orange;
						}
						
						.bg_font {
							margin: 0 6rpx;
							font-weight: bold;
							font-size: 30rpx;
						}
					}
				}
			}
		}
		
		// 商品详情
		.bargain_detail_group {
			margin: 20rpx;
			padding: 20rpx;
			background-color: #fff;
			border-radius: 10rpx;
			overflow: hidden;
			.bargain_detail_title_box {
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 32rpx;
				margin-top: 20rpx;
				.image_box {
					display: flex;
					width: calc(80vw - 20rpx * 4);
					margin-bottom: 30rpx;
					
					image {
						width: 100%;
					}
				}
			}
			
			.bargain_detail_list_group {
				border-radius: 10rpx;
				overflow: hidden;
				.bargain_detail_list {
					display: flex;
					width: calc(100vw - 20rpx * 4);
					image {
						width: 100%;
					}
				}
			}
		}
	}
}